@charset "utf-8";
/**/

@media(min-width:1000px){
#index_k1{ background:url(img/di1.jpg) center top; height:721px; width:100%; overflow:hidden;}
#index_k1 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#fff;}
#index_k1 .title p{ background:url(img/line.png) center no-repeat;}
#index_k1 .k1_con{ width:1200px; margin:0 auto; overflow:hidden; height:485px;}
#index_k1 .k1_con dl{ overflow:hidden; width:820px; float:left; transition:margin 0.5s;}
#index_k1 .k1_con ul{ list-style:none; float:right; width:380px;}
#index_k1 .k1_con ul li{ margin-bottom:1px;}
#index_k1 .k1_con ul li a{ display:block; line-height:80px; background:rgba(255,255,255,0.1); padding-left:40px; font-size:14px; color:#fff; transition:background 0.5s;}

#index_k2{ background:#fff; padding-bottom:80px;}
#index_k2 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#000;}
#index_k2 .title p{ background:url(img/line1.png) center no-repeat; color:#666;}
#index_k2 .k2_con{ width:1200px; margin:0 auto; overflow:hidden;}
#index_k2 .k2_con p.k2_l{ float:left;}
#index_k2 .k2_con p.k2_r{ float:right;}

#index_k3{ background:url(img/di2.jpg) center top; height:606px; width:100%; overflow:hidden;}
#index_k3 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#fff;}
#index_k3 .title p{ background:url(img/line.png) center no-repeat;}
#index_k3 .k3_con{ width:1200px; margin:0 auto; overflow:hidden; height:485px;}
#index_k3 .k3_con ul{ list-style:none; width:800px; margin:0 auto;}
#index_k3 .k3_con ul li{ float:left; border-right:solid 1px rgba(255,255,255,0.1); width:199px;}
#index_k3 .k3_con ul li a{ display:block; color:#fff; line-height:42px; text-align:center; font-size:14px;}
#index_k3 .k3_con ul li a img{ background:#0056b5; border-radius:100px; transition:background 0.5s;}
#index_k3 .k3_con ul li a:hover img{ background:#d00; border-radius:100px;}

#index_k3 .k3_con .text{ overflow:hidden; color:#fff; text-align:center; width:100%; padding-top:30px;}
#index_k3 .k3_con .text p a{ display:block; width:107px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:50px; background:#0056b5; margin:40px auto 0 auto; transition:background 0.5s;}
#index_k3 .k3_con .text p a:hover{ background:#d00;}
}
@media(max-width:800px){
#index_k1{ background:url(img/di1.jpg) center top; width:100%; padding-bottom:2rem; overflow:hidden;}
#index_k1 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#fff;}
#index_k1 .title p{ background:url(img/line.png) center no-repeat;}
#index_k1 .k1_con{ width:100%; margin:0 auto; overflow:hidden; padding-top:1rem;}
#index_k1 .k1_con dl{ overflow:hidden; width:100%; transition:margin 0.5s;}
#index_k1 .k1_con dl dd{ width:100%; float:left; display:none;}
#index_k1 .k1_con dl img{ width:100%;}
#index_k1 .k1_con ul{list-style:none; width:90%; margin:0 auto;}
#index_k1 .k1_con ul li{ margin-bottom:1px; width:100%;}
#index_k1 .k1_con ul li a{ display:block; line-height:3rem; background:rgba(255,255,255,0.1); padding-left:40px; font-size:14px; color:#fff; transition:background 0.5s;}

#index_k2{ background:#fff; padding-bottom:.4rem;}
#index_k2 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#000;}
#index_k2 .title p{ background:url(img/line1.png) center no-repeat; color:#666;}
#index_k2 .k2_con{ width:90%; margin:0 auto; overflow:hidden; padding-top:1rem; padding-bottom:2rem;}
#index_k2 .k2_con img{ width:100%;}
#index_k2 .k2_con p.k2_l{ margin-bottom:.4rem;}
#index_k2 .k2_con p.k2_r{}

#index_k3{ background:url(img/di2.jpg) center top; height:606px; width:100%; overflow:hidden;}
#index_k3 .title{ font-size:30px; font-weight:bold; line-height:50px; color:#fff;}
#index_k3 .title p{ background:url(img/line.png) center no-repeat;}
#index_k3 .k3_con{ width:100%; margin:0 auto; overflow:hidden; height:485px;}
#index_k3 .k3_con ul{ list-style:none; width:100%; margin:0 auto; padding-top:1rem;}
#index_k3 .k3_con ul li{ float:left; width:25%; border:0;}
#index_k3 .k3_con ul li a{ display:block; color:#fff; line-height:2rem; text-align:center; font-size:.8rem; border-right:solid 1px rgba(255,255,255,0.1);}
#index_k3 .k3_con ul li a img{ background:#0056b5; border-radius:100px; transition:background 0.5s; width:70%;}
#index_k3 .k3_con ul li a:hover img{ background:#d00; border-radius:100px;}

#index_k3 .k3_con .text{ overflow:hidden; color:#fff; text-align:left; width:90%; margin:0 auto; padding-top:30px;}
#index_k3 .k3_con .text br.cc{ display:none;}
#index_k3 .k3_con .text p a{ display:block; width:107px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:50px; background:#0056b5; margin:40px auto 0 auto; transition:background 0.5s;}
#index_k3 .k3_con .text p a:hover{ background:#d00;}

}